<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>finnwu</title>
  <link rel="stylesheet" href="/public/css/reset.css">
  <link href='http://cdn.webfont.youziku.com/webfonts/nomal/122064/45817/5b754369f629d81140d274eb.css' rel='stylesheet' type='text/css'
  />
  <link rel="stylesheet" href="/public/css/icon.css">
  <link rel="stylesheet" href="/public/css/main.css">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="/public/js/index.js"></script>
</head>

<body>
  <nav class="header" id="header">
    <div class="logo">
      <span class="text">Finnwu.com</span>
    </div>
    <ul class="menu-list">
      <li class="item">
        <a href="#">全部文章
          <i class="t_line"></i>
        </a>
      </li>
      <li class="item">
        <a href="#">我的项目
          <i class="t_line"></i>
          <i class="l_line"></i>
        </a>
      </li>
      <li class="item">
        <a href="#">生活感悟
          <i class="t_line"></i>
          <i class="l_line"></i>
        </a>
      </li>
    </ul>
  </nav>
  <div class="content-wrapper">
    <aside class="aside" id="aside">
      <nav class="aside-nav">
        <ul>
          <li id="toBozhu">
            <a href="#">博主</a>
          </li>
          <li id="toLogin" class="current">
            <a href="#">登录</a>
          </li>
        </ul>
      </nav>
      <div id="bozhu" class="bozhu" style="display: none">
        <div class="img-wrapper">
          <div class="img">
            <img src="/public/images/avatar.jpg" width="60px" height="60px">
          </div>
        </div>
        <div class="info-wrapper">
          <div class="info">
            <p>网 名：finnwu</p>
            <p>职 业：web前端程序员</p>
            <p>Email ：finnwu@foxmail.com</p>
          </div>
        </div>
        <div class="search-wrapper">
          <input type="text" placeholder="搜索全部文章">
          <a href="#">搜索</a>
        </div>
      </div>
      <div id="login-register">
        {{if userInfo._id}}
        <div id="userInfo" class="userInfo">
          {{if userInfo.isAdmin}}
          <div class="info">
              <p>您好</p>
              <p>管理员!</p>
              <span id="manager">进入管理</span>
          </div>
          {{else}}
          <div class="info">
              <p>您好,{{userInfo.username}}</p>
              <p>欢迎来到我的博客!</p>
              <span id="logout">点击退出</span>
          </div>
          {{/if}}
          <div class="tag">
            <div class="tag-title">
              <h1>标签</h1>
            </div>
            <ul class="tag-list">
              <li>javasctipt</li>
              <li>css</li>
              <li>ES6</li>
              <li>Nodejs</li>
              <li>html</li>
              <li>vue</li>
            </ul>
          </div>
        </div>
        {{else}}
        <div id="login" class="login-wrapper">
          <div class="warning">
            <p></p>
          </div>
          <form action="">
            <div class="user">
              <span>
                <i class="icon-user"></i>
              </span><input type="text" name="username" placeholder="Username">
            </div>
            <div class="password">
              <span>
                <i class="icon-lock"></i>
              </span><input type="password" name="password" placeholder="Password">
            </div>
          </form>
          <div id="login-btn" class="login-btn">
            <a href="#">登录</a>
          </div>
          <div class="toRegister">
            <a href="#">立即注册</a>
          </div>
          
        </div>
        <div id="register" style="display: none" class="register-wrapper">
          <div class="warning">
            <p></p>
          </div>
          <form action="">
            <div class="user">
              <span>
                <i class="icon-user"></i>
              </span><input type="text" placeholder="Username" name="username">
            </div>
            <div class="password">
              <span>
                <i class="icon-lock"></i>
              </span><input type="password" placeholder="Password" name="password">
            </div>
            <div class="repassword">
              <span>
                <i class="icon-lock"></i>
              </span><input type="password" placeholder="Repassword" name="repassword">
            </div>
          </form>
          <div id="register-btn" class="register-btn">
            <a href="#">注册</a>
          </div>
          <div class="toLogin">
            <a href="#">立即登录</a>
          </div>
        </div>
        {{/if}}
      </div>
      <div class="bottom">
        <p>Theme by finnwu</p>
        <p>备案号：闽ICP备17034122号-2</p>
      </div>
    </aside>
    <section class="content">
      <ul class="artical-list">
        <li class="artical-item">
          <h1 class="artical-title">koa学习笔记
            <span class="artical-time">2018-8-16</span>
          </h1>
          <p class="artical-content">在学习koa2之前先简单屡一下express、koa、koa2的关系；众所周知，这三者都是TJ大神的产物，那他们到底有什么不同呢？ express的异步操作是基于es5的回调函数嵌套，koa的异步操作是基于es6的generator函数来实现的，而koa2则是基于es7的async，await来实现的；
            在学习koa2之前先简单屡一下express、koa、koa2的关系；众所周知，这三者都是TJ大神的产物，那他们到底有什么不同呢？ express的异步操作是基于es5的回调函数嵌套，koa的异步操作是基于es6的generator函数来实现的，而koa2则是基于es7的async，await来实现的；
            在学习koa2之前先简单屡一下express、koa、koa2的关系；众所周知，这三者都是TJ大神的产物，那他们到底有什么不同呢？ express的异步操作是基于es5的回调函数嵌套，koa的异步操作是基于es6的generator函数来实现的，而koa2则是基于es7的async，await来实现的；
          </p>
          <div class="artical-bottom">标签：
            <a class="tag" href="#">javasctipt</a>
          </div>
          <a class="more" href="#">阅读原文>></a>
        </li>
        <li class="artical-item">
          <h1 class="artical-title">koa学习笔记
            <span class="artical-time">2018-8-16</span>
          </h1>
          <p class="artical-content">在学习koa2之前先简单屡一下express、koa、koa2的关系；众所周知，这三者都是TJ大神的产物，那他们到底有什么不同呢？ express的异步操作是基于es5的回调函数嵌套，koa的异步操作是基于es6的generator函数来实现的，而koa2则是基于es7的async，await来实现的；
          </p>
          <div class="artical-bottom">标签：
            <a class="tag" href="#">javasctipt</a>
          </div>
          <a class="more" href="#">阅读原文>></a>
        </li>
        <li class="artical-item">
          <h1 class="artical-title">koa学习笔记
            <span class="artical-time">2018-8-16</span>
          </h1>
          <p class="artical-content">在学习koa2之前先简单屡一下express、koa、koa2的关系；众所周知，这三者都是TJ大神的产物，那他们到底有什么不同呢？ express的异步操作是基于es5的回调函数嵌套，koa的异步操作是基于es6的generator函数来实现的，而koa2则是基于es7的async，await来实现的；
          </p>
          <div class="artical-bottom">标签：
            <a class="tag" href="#">javasctipt</a>
          </div>
          <a class="more" href="#">阅读原文>></a>
        </li>
      </ul>
    </section>
  </div>

</body>

</html>